<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜狗输入法-首页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon">
</head>
<body>
    <!-- 头部开始 -->
    <div class="header_wrap">
        <div class="header clear">
            <div class="header_left">

            </div>
            <div class="header_right">
                <div class="header_menu header_menu_product">
                    <span class="text">产品</span>
                    <ul class="sub_menu">
                        <li>输入法win版</li>
                        <li>输入法Mac版</li>
                        <li>输入法手机版</li>
                        <li>输入法Linux版</li>
                        <li>五笔输入法</li>
                    </ul>
                </div>
                <div class="header_menu header_menu_platform">
                    <span class="text_t">开发平台</span>
                    <ul class="sub_menu_t">
                        <li>皮肤表情开放平台</li>
                        <li>输入法开放平台</li>
                    </ul>
                </div>
                <div class="header_menu header_btn_connect">
                   <a class="btn_connect" href="#">联系合作</a> 
                </div>
            </div>
        </div>
    </div>
    <!-- 中部开始 -->
    <div class="banner_wrap">
       <div class="banner_back">
           <div class="swiper_wrap">
               <div class="banner_one">
                   <h1 class="banner_title">AI打字准确高效</h1>
                   <i class="skin1"></i>
                   <i class="skin5 animation-linear-up-down"></i>
                   <i class="skin6 animation-linear-up-down"></i>
                   <i class="skin11 animation-linear-up-down"></i>
                   <i class="skin2"></i>
                   <i class="skin3"></i>
                   <i class="skin4 animation-linear-up-down"></i>
                   <i class="skin8 animation-linear-up-down-rotate"></i>
                   <i class="skin7 animation-linear-up-down-rotate"></i>
                   <i class="skin10 animation-linear-up-down-rotate"></i>
                   <i class="skin9 animation-linear-up-down-rotate"></i>
               </div>
               <div class="button_wrap">
                   <span class="button_circle button_active"></span>
                   <span class="button_circle"></span>
                   <span class="button_circle"></span>
                   <span class="button_circle"></span>
                   <span class="button_circle"></span>
               </div>
           </div>
           <div class="btn_download_wrap">
               <ul>
                   <li class="btn_button">
                       <a href="#">
                           <div class="btn_windows"></div>
                           <div class="title_windows">Windows</div>
                       </a>
                   </li>
                   <li class="btn_button">
                    <a href="#">
                        <div class="btn_macos"></div>
                        <div class="title_macos">macOS</div>
                    </a>
                </li>
                <li class="btn_button">
                    <a href="#">
                        <div>
                            <i class="icon_qrcode"></i>
                            <div class="btn_ios"></div>
                            <div class="title_ios">iOS</div>
                        </div>
                        <!-- 第二层 -->
                        <div class="qrcode_wrap">
                            <div class="qrcode_ios"></div>
                            <div class="title_ios1">扫码下载</div>
                        </div>
                    </a>
                </li>
                <li class="btn_button">
                    <a href="#">
                        <div class="btn_android">
                            <i class="icon_qrcode"></i>
                            <div class="btn_android"></div>
                            <div class="title_android">Android</div>
                        </div>
                        <div class="qrcode_wrap">
                            <div class="qrcode_android"></div>
                            <div class="title_android1">扫码下载</div>
                        </div>
                    </a>
                </li>
                <li class="btn_button">
                    <a href="#">
                        <div class="btn_linux"></div>
                        <div class="title_linux">Linux个人版</div>
                    </a>
                </li>
                <li class="btn_button">
                    <a href="#">
                        <div class="btn_more"></div>
                        <div class="title_more">更多下载</div>
                    </a>
                    <ul class="menu">
                        <li class="empty"></li>
                        <li>五笔Win版</li>
                        <li>五笔Mac版</li>
                        <li>医生版</li>
                    </ul>
                </li>
            </ul>
           </div>
       </div>
    </div>
    <!-- 中部结束 输入方案-->
    <!-- 中下部开始 -->
    <div class="pro_wrap">
        <div class="pro_content">
            <div class="pro_title">
                <h1>为B端行业定制多场景输入方案</h1>
            </div>
            <div class="swiper_list">
                <div class="swiper_slide1"> </div>
                <div class="swiper_slide" style="color:#ff6933; font-weight: 600;">智能办公</div>
                <div class="swiper_slide">智能教育</div>
                <div class="swiper_slide">智能家居</div>
                <div class="swiper_slide">移动出行</div>
                <div class="swiper_slide">智能穿戴</div>
                <div class="swiper_slide">娱乐健身</div>
                <div class="swiper_slide">智慧金融</div>
                <div class="swiper_slide">无障碍</div>
                <div class="swiper_slide1"> </div>
            </div>
            <div class="swiper_middle">
                <div class="swiper_left">
                    <div class="swiper_com"></div>
                    <div class="swiper_words"></div>
                    <div class="swiper_circle"></div>
                </div>
                <div class="swiper_right ">
                    <div>
                        <h2>智能办公</h2>
                        <p>
                            针对智能办公场景，完美适配PC、Pad、会议大屏等智能办公终端。根据企业定制需求，打造企业专属词库，植入文化宣导，助力组织效率提升。
                        </p>
                        <ul>
                            <li>公司级安全加密</li>
                            <li>企业专属词库</li>
                            <li>企业键盘皮肤</li>
                            <li>9种键盘样式可选</li>
                            <li>大小屏全支持</li>
                        </ul>
                        <div class="sponsor">
                        <div class="lenovo"></div>
                        <div class="philips"></div>
                        <div class="hisense"></div>
                        <div class="seevo"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 中下部结束 -->
    <!-- 案例部分开始 -->
    <div class="case_wrap">
        <div class="case_content">
            <h1>更多优秀案例</h1>
            <div class="case_list_wrap">
                <div class="tobii">
                    <div class="tobii_img">
                </div>
                <div class="text">
                    <a href="#">
                        <span>
                            眼动输入法！搜狗输入法和tobii眼动仪创新合作...
                        </span>
                        <span class="konwmore">了解更多</span>
                    </a>
                </div>
                <div class="pinpai1">
                </div>
                </div>
                <div class="tengxun">
                    <div class="tengxun_img">
                </div>
                <div class="text">
                    <a href="#">
                        <span>
                            腾讯电脑管家应用企业定制输入法，办公更高效...
                        </span>
                        <span class="konwmore">了解更多</span>
                    </a>
                </div>
                <div class="pinpai2">
                </div>
                </div>
                    <div class="xiaomi">
                        <div class="xiaomi_img">
                    </div>
                    <div class="text">
                        <a href="#">
                            <span>
                                小米MIUI上线更好用的搜狗输入法长辈模式...
                            </span>
                            <span class="konwmore">了解更多</span>
                        </a>
                    </div>
                    <div class="pinpai3">
                    </div>
                    </div>
                    <div class="keep">
                        <div class="keep_img">
                    </div>
                    <div class="text">
                        <a href="#">
                            <span>
                                全新语音交互的Keep运动单车，很酷更好用...
                            </span>
                            <span class="konwmore">了解更多</span>
                        </a>
                    </div>
                    <div class="pinpai4">
                    </div>
                    </div>
                    <div class="arrowhead">
                        <div class="arrowimg">

                        </div>
                    </div>
            </div>
        </div>
    </div>
    <!-- 案例部分结束 -->
    <!-- 底部button开始 -->
    <div class="inter_wrap">
        <div class="inter_content">
            <div class="inter_btn">
                <a href="#">联系我们合作</a>
            </div>
        </div>
    </div>
    <!-- 底部button结束 -->
    <!-- 底部开始 -->
    <div class="footer_wrap">
        <div class="footer_content">
            <div class="footer_top">
                <div class="footer_logo">
                    <i></i>
                </div>
                <div class="footer_info">
                    <div class="business">
                        <p>
                            商务合作咨询
                        </p>
                        <p>
                            合作邮箱
                            <a href="#">hci_bd@tencent.com</a>
                        </p>
                    </div>
                    <div class="advice">
                        <p>
                            问题反馈&建议
                        </p>
                        <p>
                            联系邮箱: 
                            <a href="#">IMETS@tencent.com</a>
                        </p>
                    </div>
                </div>
                <div class="footer_qrcode">
                    <div class="wx">
                        <i></i>
                        <span>输入法公众号</span>
                    </div>
                    <div class="wb">
                        <i></i>
                        <span>官方微博</span>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
                <div class="information">
                <span>© 2022 SOGOU.COM 京ICP备11001839号-1</span>
                <a href="#">服务协议</a>
                <span>|</span>
                <a href="#">隐私政策</a>
               </div>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->
</body>
</html>